<script>
import Aside from "@/components/manager/WORKSPACE/Aside.vue";
import Header from "@/components/manager/WORKSPACE/Header.vue";


export default {
    name: "Index",
    components: {Aside,Header},
    beforeMount() {
        this.$router.replace({path: "/managerMain"});
    }
}

</script>

<template>
    <el-container>
        <el-aside width="200px">
            <Aside></Aside>
        </el-aside>

        <el-container style="border: 1px solid #eee;">
            <el-header>
                <Header></Header>
            </el-header>

            <el-main>
                <router-view/>
            </el-main>
        </el-container>
  </el-container>
</template>

<style scoped>
    .el-header {
        border: 1px solid #eee;
        padding: 0;
        height: 10vh;

    }
    .el-main{
        border: 1px solid #eee;
        padding: 0;
        height: 90vh;
    }

    .el-aside {
        padding: 0;
        height: 100vh;
        color: #333;
        overflow-x: hidden;
        overflow-y: auto;
    }
</style>